<template>
    <div class="mainbox">
        <ul class="workbenches">
            <li>
                <p class="topleft-tetx">
                    <i class="el-icon-office-building"></i>
                    <span>社区</span>
                </p>
                <p class="middletext">38个</p>
                <p class="jumptext">
                    <span @click="jump('/about/communitymanagement')">查看社区</span>
                    <span @click="jump('/about/AddCommunity')">添加社区</span>
                </p>
            </li>
                <li>
                <p class="topleft-tetx">
                    <i class="el-icon-office-building"></i>
                    <span>楼宇</span>
                </p>
                <p class="middletext">123个</p>
                <p class="jumptext">
                    <span @click="jump('/about/BuildingManagement')">查看楼宇</span>
                    <span @click="jump('/about/BatchAdd')">添加楼宇</span>
                </p>
            </li>
                <li>
                <p class="topleft-tetx">
                    <i class="el-icon-office-building"></i>
                    <span>房屋</span>
                </p>
                <p class="middletext">1000</p>
                <p class="jumptext">
                    <span @click="jump('/about/HousingManagement')">查看房屋</span>
                    <span @click="jump('/about/Addahouse')">添加房屋</span>
                </p>
            </li>
                <li>
                <p class="topleft-tetx">
                    <i class="el-icon-office-building"></i>
                    <span>商铺</span>
                </p>
                <p class="middletext">4000</p>
                <p class="jumptext">
                    <span @click="jump('/about/Shopmanagement')">查看商铺</span>
                    <span @click="jump('/about/Addshop')">添加商铺</span>
                </p>
            </li>
                <li>
                <p class="topleft-tetx">
                    <i class="el-icon-office-building"></i>
                    <span>车位</span>
                </p>
                <p class="middletext">443</p>
                <p class="jumptext">
                    <span @click="jump('/about/Parkingspacemanagement/Parkinglotmanagrement')">查看车位</span>
                    <span @click="jump('/about/Addparkingspace')">添加车位</span>
                </p>
            </li>
        </ul>
        <div class="Quick-operation">
            <div class="Quick-operationtitle">
                <p>快速操作</p>
            </div>
            <ul class="quickoperationlists">
                <li>
                    <i class="el-icon-office-building"></i>
                    <p>新建小区</p>
                </li>
                <li>
                    <i class="el-icon-school"></i>
                    <p>新建楼宇</p>
                </li>
                <li>
                    <i class="el-icon-price-tag"></i>
                    <p>添加房屋</p>
                </li>
                <li>
                    <i class="el-icon-user"></i>
                    <p>添加业主</p>
                </li>
            </ul>
        </div>
        <!-- 实时概况和今日提醒 -->
        <div class="Realtime-today">
            <div class="Realtimeoverview">
                <div class="Quick-operationtitle">
                    <p>快速操作</p>
                </div>
                <ul class="Realtimeoverviewlists">
                    <li>
                        <p class="cache32">待审核业主</p>
                        <p class="cache35">2002</p>
                    </li>
                    <li>
                        <p class="cache32">待审核家属</p>
                        <p class="cache35">123</p>
                    </li>
                    <li>
                        <p class="cache32">待处理故障</p>
                        <p class="cache35">234</p>
                    </li>
                    <li>
                        <p class="cache32">待处理报修</p>
                        <p class="cache35">13</p>
                    </li>
                    <li>
                        <p class="cache32">待处理投诉</p>
                        <p class="cache35">133</p>
                    </li>
                    <li>
                        <p class="cache32">待处理工单</p>
                        <p class="cache35">13</p>
                    </li>
                </ul>
            </div>
            <div class="Todaysreminder">
                <div class="Quick-operationtitle">
                    <p>快速操作</p>
                    <p class="moreview">
                        <span>查看更多</span>
                        <i class="el-icon-arrow-right"></i>
                    </p>
                </div>
                <ul class="Todaysreminderlists">
                    <li>
                        <p class="infotadays">【投诉建议】楼道的垃圾处理不及时！ </p>
                        <p class="todaytime">
                            <i class="el-icon-timer"></i>
                            <span> 2021-06-22 09:00</span>
                        </p>
                    </li>
                    <li>
                        <p class="infotadays">【投诉建议】楼道的垃圾处理不及时！ </p>
                        <p class="todaytime">
                            <i class="el-icon-timer"></i>
                            <span> 2021-06-22 09:00</span>
                        </p>
                    </li>
                    <li>
                        <p class="infotadays">【投诉建议】楼道的垃圾处理不及时！ </p>
                        <p class="todaytime">
                            <i class="el-icon-timer"></i>
                            <span> 2021-06-22 09:00</span>
                        </p>
                    </li>
                    <li>
                        <p class="infotadays">【投诉建议】楼道的垃圾处理不及时！ </p>
                        <p class="todaytime">
                            <i class="el-icon-timer"></i>
                            <span> 2021-06-22 09:00</span>
                        </p>
                    </li>
                    <li>
                        <p class="infotadays">【投诉建议】楼道的垃圾处理不及时！ </p>
                        <p class="todaytime">
                            <i class="el-icon-timer"></i>
                            <span> 2021-06-22 09:00</span>
                        </p>
                    </li>
                    <li>
                        <p class="infotadays">【投诉建议】楼道的垃圾处理不及时！ </p>
                        <p class="todaytime">
                            <i class="el-icon-timer"></i>
                            <span> 2021-06-22 09:00</span>
                        </p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    methods:{
        jump(path){
            this.$router.push(path)
        }
    }
};
</script>

<style>

</style>